<template lang="jade">




li
	h2 摘标中


	a(v-if=" productype=='group'", v-link="{ name: 'group', params: { groupId: item.name_no } }")
		div.first.info
			div.cover
				img(src="../../assets/images/index/car.jpg")
			div.item.big
				h3 {{item.name}}
				还款方式:按月付息到期还本
			div.item.small.tcenter

			div.item.small.tcenter
				span.tag {{item.type_str}}标
		div.second.info
			div.item
				借款金额
				span.red
					b {{item.account}}
					元
			div.item
				剩余可投
				span
					b {{item.borrow_account_wait}}
					元
			div.item.small
				借款期限
				span
					b {{item.borrow_period}}
					{{item.borrow_period_str}}


	a(v-if=" productype=='review'", v-link="{ name: 'detail', params: { detailId: item.borrow_nid } }" )

		div.first.info
			div.cover
				img(src="../../assets/images/index/car.jpg")
			div.item.big
				h3 {{item.name}}
				还款方式:按月付息到期还本
			div.item.small.tcenter

			div.item.small.tcenter
				span.tag {{item.type_str}}标
		div.second.info
			div.item
				借款金额
				span.red
					b {{item.account}}
					元
			div.item
				剩余可投
				span
					b {{item.borrow_account_wait}}
					元
			div.item.small
				借款期限
				span
					b {{item.borrow_period}}
					{{item.borrow_period_str}}


	a(v-if=" productype=='current'", v-link="{ name: 'detail', params: { detailId: item.borrow_nid } }" )

		div.first.info
			div.cover
				img(src="../../assets/images/index/car.jpg")
			div.item.big
				h3 {{item.name}}
				还款方式:按月付息到期还本
			div.item.small.tcenter
				circle(:percent="item.borrow_account_scale", :stroke-width=5, :trail-width=5, stroke-color="#ff6565")
					span {{item.borrow_account_scale}}
			div.item.small.tcenter
				span.tag {{item.type_str}}标
		div.second.info
			div.item
				借款金额
				span.red
					b {{item.account}}
					元
			div.item
				剩余可投
				span
					b {{item.borrow_account_wait}}
					元
			div.item.small
				借款期限
				span
					b {{item.borrow_period}}
					{{item.borrow_period_str}}


</template>

<style>
@import '~vux/dist/vux.css';
</style>

<script>
//import '../../assets/sass/common/circle.scss'
//import CssCircle from '../../v-circle/components/css-circle.vue'
import {Circle} from 'vux'
export default{
	props:['item', 'productype'],
	components: {
		circle: Circle
	},
	methods:{
		getlink(a, b){
			var link = "";
			if ( a == undefined )
				link = '/detail/'+b;
			else
				link = '/item/'+a;
			return link;
		}
	}
}
</script>